<template>
  <section class="w-[280px] no-scroll h-auto ml-3 hidden sm:block overflow-auto animate__animated animate__fadeInRight">
    <ScrollBox animate="bounceInUp" delay=".2s">
      <template #default="{ useRandomBg }">
        <div :style="useRandomBg()" class="p-10 bg-purple-100 m-2 cursor-pointer" v-for="item in 100">
          {{ item }}
        </div>
      </template>
    </ScrollBox>
  </section>
</template>
<script lang="ts" setup></script>
<style lang="scss" scoped></style>
